{% load static %}
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="{% static 'easyui/themes/default/easyui.css' %}"/>
    <link rel="stylesheet" type="text/css" href="{% static 'easyui/themes/icon.css' %}"/>
    <link rel="stylesheet" type="text/css" href="{% static 'css/login.css' %}"/>
</head>
<body>
<form id="registerForm" enctype="multipart/form-data" method="post">
    <h2 class="form-signin-heading text-center">Create Your Account</h2>
    {% csrf_token %}
    <div>
        <span class="label">电话:</span>
        <span class="inputControl">
            <input placeholder="13688888888" class="textbox" type="text" id="user_phone" name="user.phone" style="width:200px"/>
        </span>
    </div>
    <div>
        <span class="label">密码:</span>
        <span class="inputControl">
            <input placeholder="数字大小写字母的6-16位字符串" class="textbox" type="text" id="user_password" name="user.password" style="width:200px"/>
        </span>
    </div>
    <div>
        <span class="label">重复:</span>
        <span class="inputControl">
            <input placeholder="再次输入密码" class="textbox" type="text" id="user_password_again" name="user.password_again" style="width:200px"/>
        </span>
    </div>
    <div>
        <span class="label">性别:</span>
        <span class="inputControl">
			<input placeholder="男/女"class="textbox" type="text" id="user_sexy" name="user.sexy" style="width:200px"/>
        </span>
    </div>
    <div>
        <span class="label">生日:</span>
        <span class="inputControl">
            <input placeholder="请选择" class="textbox" type="text" id="user_birthday" name="user.birthday" style="width:200px"/>
        </span>
    </div>
    <div>
        <span class="label">邮箱:</span>
        <span class="inputControl">
            <input placeholder="123456@qq.com" class="textbox" type="text" id="user_email" name="user.email" style="width:200px"/>
        </span>
    </div>
    <div id="btn">
        <input type="submit"  style="width: 100%" class="layui-btn" value="注册"/>
    </div>
</form>


<script type="text/javascript" src="{% static 'easyui/jquery.min.js' %}"></script>
<script type="text/javascript" src="{% static 'easyui/jquery.easyui.min.js' %}"></script>
<script type="text/javascript" src="{% static 'easyui/locale/easyui-lang-zh_CN.js' %}"></script>
<script type="text/javascript" src="{% static 'js/register.js' %}"></script>


<style>
    html {
        height: 100%;
    }
    body {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        model: true;
        iconCls: 'icon-login';
        buttons: '#btn';
    }
    label {
        padding: 10px;
    }
</style>
</body>
</html>

